<include file="Public:header" />
<div class="container main"> <include file="Public:left" />
  <div class="w790">
  <script>
  	function uploaded(path){
		$("#img_url").attr("src",'__PUBLIC__'+path);
		$("input[name='img_url']").val(path);
	}
	function del_img(){
		if(confirm('您确定要删除图片吗?')){
			var file=$("input[name='img_url']").val();
			$.post("{:U('delImgBypath')}",{'path':file},function(data){
				$("input[name='img_url']").val('');
				$("#img_url").attr('src','');
			});
		}else{
			return false;
		}
	}
	
	//删除图组图片
	function mdel_img(path){
		$('#img_list div img').each(function(index, element) {
			$.post("{:U('delImgBypath')}",{'path':path},function(data){
				if(data=='OK'){
					  
					$('#img_list div').each(function(index, element) {
                        if($(this).attr('url')==path){
							$(this).remove();
						}
                    });
					
					$('#picmsg input').each(function(index, element) {
                        if($(this).val()==path){
							$(this).remove();
						}
                    });
				}
			});
		});
	}
	
	
	
	
	
	
	
	
	function relateListadd(id,title,cate_name){
	//防止重复
	if(!$('#relateList input[value="'+id+'"]').length>0){
		$('<li>'+id+'<input type="hidden" name="relateid[]" value="'+id+'" /><input type="hidden" name="relatecate_name[]" value="'+cate_name+'" /><input size="70" class="form-control" style="display:inline; width:inherit;" type="text" name="relatetitle[]" value="'+title+'" /><a href="javascript:void(0);" onclick="after(this);">上</a><a href="javascript:void(0);" onclick="append(this);">下</a><span id="relateListdel'+id+'" class="relateListdel" onclick="relateListdel('+id+');">×</span></li>').appendTo('#relateList');
	}
}
	
	
	

	
	$(document).ready(function(e) {
    $('#control li').each(function(index, element) {
        $(this).click(function(e) {
			$(this).parent().find('li').removeClass('cur');
            $(this).addClass('cur');
			$('.setting_table').hide();
			$('.setting_table').eq(index).show();
        });
    });
});

	
	
	
	
	
		
	
	function relateids(){
				art.dialog.data('relateidsBox',$('#relateids'));
				
				
				art.dialog.open('{:U('Product/selectProduct', array('product_id' => $info['id']))}', {width: 800, height: 500,lock:true,title:'选择关联商品', ok:function(){
					var d = this.iframe.contentWindow.document;
					
			    }});
			}
	
	function after(e){
	$(e).parent('li').after($(e).parent('li').prev());
}
function append(e){
	$(e).parent('li').next().after($(e).parent('li'));
}
function relateListdel(id){
	$('#relateListdel'+id).parent('li').remove();
}
function showRelate(){
			    art.dialog.open('{:U('News/relate')}', {width: 600, height: 400, ok:function(){
					
				}});
}
	
	
	
	//切换栏目方式 
	function parseCateType(e){
		if($(e).val()==1){
			$('#pagesize').show();
		}else{
			$('#pagesize').hide();
		}
	}
	
  </script>
  <style>
  	#replyList ul li{margin-top:5px; background:#eee; padding:8px; width:700px;}
	.delnews{display:block; width:30px; font-size:20px; height:30px; border-radius:15px; background:#f00; color:#fff; line-height:30px; text-align:center;}
  </style>

 <div class="h"><a href="{:U('index')}" class="btn btn-info"><i class="glyphicon glyphicon-circle-arrow-left"></i> 返回文章列表</a>
 
 </div>
 <style>#control{border-bottom:1px solid #558fca; margin-bottom:10px;}
		#control li{float:left; height:40px; line-height:40px; border:1px solid #558fca; border-bottom:none;}
		#control li a{padding:0px 8px;}
		#control li.cur{background:#558fca;}
		#control li.cur a{color:#fff; font-weight:bold;}
		.relateListdel{display:inline-block; width:20px; height:20px; text-align:center; font-size:18px; cursor:default;}
	</style>
   <ul id="control"><li class="cur"><a href="javascript:void(0);">基础内容</a></li>
   <volist name="extendsField" id="vo">
   	<li><a href="javascript:void(0);">{$vo.title}</a></li>
   </volist>
   <div class="clear"></div>
   </ul>
 
    <form class="checkoutform form-horizontal" action="{:U('update')}" method="post">
      <div class="table_ container">
      
      <input type="hidden" name="id" value="{$info.id}" >
      
      
  
     <div class="setting_table">
     
     
     <div class="form-group">
      <label class="col-sm-2 control-label">文章标题</label>
      <div class="col-sm-10">
         <input class="form-control" datatype="*" value="{$info.title}" name="title" type="text" placeholder="文章标题">
      </div>
   </div>
      

      
      <div class="form-group">
      <label class="col-sm-2 control-label">发布日期</label>
      <div class="col-sm-10">
         <input class="form-control" value="{:date('Y-m-d', $info['datetime'])}" name="datetime" type="text" placeholder="发布日期">
      </div>
   </div>
      
       <div class="form-group">
      <label class="col-sm-2 control-label">权限</label>
      <div class="col-sm-10">
         <input class="form-control" value="{$info['permission']}" name="permission" type="text" placeholder="权限">
      </div>
   </div>
      
      <div class="form-group">
      <label class="col-sm-2 control-label">所属栏目</label>
      <div class="col-sm-10">
         <select class="form-control" datatype="*" name="category_id" id="category_id">
          <option value="">请选择</option>
          <volist name="cate_list" id="vo">
          
            <option <eq name="vo['id']" value="$info['category_id']">selected="selected"</eq> value="{$vo.id}">{:getdeepstr($vo['deep'])}{$vo.title}</option>
             <eq name="vo['is_list']" value="1">
            </eq>
          </volist>
        </select>
      </div>
   </div>
   
   
   <div class="form-group">
      <label class="col-sm-2 control-label">封面图</label>
      <div class="col-sm-10">
         <input name="img_url" type="hidden" value="{$info.img_url}" /><img onclick="showImgBox(this);" src="<notempty name="info['img_url']">{:getThumbPath($info['img_url'])}<else/>__PUBLIC__/Admin/images/defaultimg.png</notempty>" id="img_url" height="40" />
      </div>
   </div>
   
   
   
  
        
        
        
        <div class="form-group">
      <label class="col-sm-2 control-label">图组</label>
      <div class="col-sm-10">
      <div id="img_list">
          <volist name="mimg_url_list" id="vo">
            <div url="{$vo}" class="img_one"><div class="sort" style="padding:0px 12px;"><span class="fl" onClick="ml(this);">&lt;</span><span class="fr" onClick="mr(this);">&gt;</span><div class="clear"></div></div><img height="50" width="50" src="{:getThumbPath($vo)}"><a href="javascript:void(0);" onClick="mdel_img('{$vo}');">删除</a></div>
            </volist>
        </div>
        <div class="clear"></div>
         <include file="Public:mupload" />
      </div>
   </div>
        
   
   
   
   <div class="form-group">
      <label class="col-sm-2 control-label">文章内容</label>
      <div class="col-sm-10">
         <html:editor id="editor" name="content" type="UEDIT" style="height:400px; width:100%;">{$info.content}</html:editor>
      </div>
   </div>
   
   <div class="form-group">
      <label class="col-sm-2 control-label">相关阅读</label>
      <div class="col-sm-10">
   
      
   <ul id="relateList">
            <volist name="relate" id="vo">
            	<li style="margin:2px 0;"><span style="padding:0 8px; font-weight:bold;">{$vo.id}</span><input type="hidden" name="relateid[]" value="{$vo.id}"><input type="hidden" name="relatecate_name[]" value="{$vo.category_name}"><input class="form-control" style="display:inline; width:inherit;" size="70" type="text" name="relatetitle[]" value="{$vo.title}"><a href="javascript:void(0);" onclick="after(this);">上</a><a href="javascript:void(0);" onclick="append(this);">下</a><span id="relateListdel{$vo.id}" class="relateListdel" onclick="relateListdel({$vo.id});">×</span></li></volist>
            </ul>
   
      
      <div style="text-align:center;"><a onClick="showRelate();" class="btn btn-success">添加</a></div>
      </div>
   </div>
   

   
   
    <div class="form-group">
      <label class="col-sm-2 control-label">相联商品</label>
      <div class="col-sm-10">
      <div id="relateids"><volist name="relatelist" id="vo">
      <gt name="vo" value="0">
      <div class="col-sm-3 col-md-3" style="position:relative;"><div class="thumbnail" id="thumbnail_{$vo.id}">
          <img alt="100%x200" src="{:getThumbPath($vo['img_url'])}" data-holder-rendered="true" style="width: 100%; display: block;">
          <div class="caption">
            <h3 style="font-size:12px;">{$vo['title']}</h3>
            <input type="hidden" name="relateids[]" value="{$vo.id}">
          </div>
        </div><a style="position:absolute; top:0px; right:10px; display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; background:#f00; color:#fff;" onClick="$(this).parent().remove();" href="##">x</a></div>
      </gt>
      </volist></div>
      
      <a onClick="relateids();" class="btn btn-success">更改</a>
      </div>
   </div>
   
   
   
   
   
   
   
   
   
   
   <div class="form-group">
      <label class="col-sm-2 control-label">文章标签</label>
      <div class="col-sm-10">
         <input class="form-control" name="tags" value="{$info.tags}" type="text" id="tags" size="50" />
      </div>
   </div>
   
   <div class="form-group">
      <label class="col-sm-2 control-label">外部链接</label>
      <div class="col-sm-10">
         <input class="form-control" name="outlink" value="{$info.outlink}" type="text" id="outlink" size="50" />
      </div>
   </div>
   <div class="form-group">
      <label class="col-sm-2 control-label">页面标题</label>
      <div class="col-sm-10">
         <input class="form-control" name="page_title" value="{$info.page_title}" type="text" id="page_title" size="50" />
      </div>
   </div>
   <div class="form-group">
      <label class="col-sm-2 control-label">页面关键字</label>
      <div class="col-sm-10">
        <input class="form-control" value="{$info.keywords}" name="keywords" type="text" id="keywords" size="50" />
      </div>
   </div>
   
   <div class="form-group">
      <label class="col-sm-2 control-label">页面描述</label>
      <div class="col-sm-10">
         <textarea class="form-control" name="description" class="" cols="50" rows="6" id="description">{$info.description}</textarea>
      </div>
   </div></div>
   
      
      <volist name="extendsField" id="vo">
     <div class="setting_table" width="100%" border="0" style="display:none;" cellspacing="0" cellpadding="0">
<volist name="vo['list']" id="svo">
  
  
  
  <div class="form-group">
      <label class="col-sm-2 control-label">{$svo.remark}</label>
      <div class="col-sm-10">
  
  
  <!--单行文本框-->
    <eq name="svo['type']" value="0">
        <input class="form-control" name="extendsField[{$svo.name}]" value="{$extendsField_val[$svo['name']]}" type="text" />
    </eq>
  <!--下拉框-->
    <eq name="svo['type']" value="2">
        <html:select name="extendsField[{$svo['name']}]" class="form-control" options="svo['_select']" selected="extendsField_val[$svo['name']]" />
    </eq>
    <!--编辑框-->
    <eq name="svo['type']" value="3">
        <html:editor id="{$svo['name']}_" class="form-control" name="extendsField[{$svo['name']}]" type="UEDIT" style="width:100%;">{$extendsField_val[$svo['name']]}</html:editor>
    </eq>
    <!--多行文本-->
    <eq name="svo['type']" value="1">
        <textarea class="form-control" name="extendsField[{$svo.name}]" cols="60" rows="6">{$extendsField_val[$svo['name']]}</textarea>
    </eq>
    <!--上传图片-->
    <eq name="svo['type']" value="4">
        <script>
			function uploaded{$svo.name}(path,name){
				$("#"+name).attr("src",'__PUBLIC__'+path);
				$("input[name='extendsField["+name+"]']").val(path);
			}
			function del_img{$svo.name}(name){
				if(confirm('您确定要删除图片吗?')){
					var file=$("input[name='extendsField["+name+"]']").val();
					$.post("{:U('delImgBypath')}",{'path':file},function(data){
						$("input[name='extendsField["+name+"]']").val('');
						$("#"+name).attr('src','');
					});
				}else{
					return false;
				}
			}
		</script>
        <input type="hidden" name="extendsField[{$svo.name}]" value="{$extendsField_val[$svo['name']]}" />
        <iframe frameborder="0" width="400" height="40" scrolling="no" src="{:U('upload',array('name'=>$svo['name']))}"></iframe>
        <img src="{:getThumbPath($extendsField_val[$svo['name']])}" id="{$svo.name}" height="80" /><a href="javascript:void(0);" onclick="del_img{$svo.name}('{$svo.name}');">删除</a>
    </eq>
    <!--图片上传结束-->
    
  </div></div>
</volist>
</div>

</volist></div>
      
        
      </div><div class="pages"><button type="submit" class="btn btn-success">保存</button></div>
    </form>
  </div>
  <div class="clear"></div>
</div>

<include file="Public:footer" />